<template>
  <div class="echarts">
    <IEcharts :option="pie" ></IEcharts>
  </div>
</template>

<script>
import IEcharts from 'vue-echarts-v3'
// import 'echarts/lib/chart/pie'
export default {
  data () {
    return {
        // loading: true,
        pie: {
          title: {
              text: 'ECharts'
          },
          tooltip: {},
          // xAxis: {
              // data: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN']
          // },
          // yAxis: {},
          series: [{
              name: 'Clouds',
              type: 'pie',
                data:[
                  {value:35, name:'先进制造业'},
                  {value:15, name:'交通运输业'},
                  {value:55, name:'能源'},
                  {value:20, name:'民生'},
                  {value:15, name:'基础建设'},
                  {value:50, name:'水利'},
                  {value:15, name:'现代服务业'},
                  {value:25, name:'生态'}
                ],
              }]
            }
          }
        },
    components: {
      IEcharts
    },
    methods:{

    }
  }
  
</script>
<style scoped>
.echarts {
  padding-left: 20px;
  padding-top: 20px;
  width: 50%;
  height: 50%;
  display: inline-block;
  float: left;
}
</style>
 